<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>遮挡 - 该图片可能会引起您的不适</title>

</head>

<body>

    <figure>


        <div class="css-19ad9zw">
            <img src="./img/v2-c84.webp" width="100%" height="100%" alt="" class="css-1eypcer">
            <div tabindex="0" role="button" class="css-twzs76">
                <svg width="18" height="18" viewBox="0 0 24 24" class="ZDI ZDI--EyeSlash24" fill="currentColor">
                    <path fill-rule="evenodd"
                        d="M7.517 4.474c1.206-.453 2.608-.724 4.234-.724 6.036 0 8.834 3.715 9.985 6.161a5.255 5.255 0 0 1-.393 5.219 11.207 11.207 0 0 1-3.027 3.036.75.75 0 1 1-.835-1.245c.058-.04.115-.078.171-.118a9.704 9.704 0 0 0 2.447-2.511 3.755 3.755 0 0 0 .28-3.742c-1.003-2.131-3.374-5.3-8.628-5.3-1.456 0-2.679.242-3.706.628a.75.75 0 1 1-.528-1.404ZM5.498 6.382a.75.75 0 0 1-.07 1.059c-1.126.987-1.854 2.148-2.306 3.105a3.756 3.756 0 0 0 .281 3.749c1.206 1.787 3.71 4.26 8.348 4.26 1.237 0 2.315-.175 3.253-.462a.75.75 0 1 1 .438 1.435c-1.084.33-2.31.527-3.69.527-5.28 0-8.198-2.855-9.592-4.921a5.256 5.256 0 0 1-.394-5.228c.513-1.09 1.353-2.435 2.674-3.593a.75.75 0 0 1 1.058.07Z"
                        clip-rule="evenodd"></path>
                    <path fill-rule="evenodd"
                        d="M20.048 20.012a.75.75 0 0 1-1.06.036l-15.5-14.5a.75.75 0 0 1 1.025-1.096l15.5 14.5a.75.75 0 0 1 .035 1.06Z"
                        clip-rule="evenodd"></path>
                    <path fill-rule="evenodd"
                        d="M9.559 11.535c-.203 1.067.554 2.164 1.808 2.374a2.36 2.36 0 0 0 1.707-.36.75.75 0 0 1 1.043.191.75.75 0 0 1-.215 1.04 3.893 3.893 0 0 1-2.816.602c-1.984-.331-3.381-2.13-3.007-4.094.06-.311.16-.607.297-.881a.768.768 0 0 1 1.01-.358.733.733 0 0 1 .338.995 1.908 1.908 0 0 0-.165.491Zm1.219-2.362a.769.769 0 0 1 .716-.797c.302-.02.61-.007.92.045 1.784.299 3.086 1.775 3.066 3.501a.77.77 0 0 1-.762.754.73.73 0 0 1-.744-.74c.011-.948-.72-1.854-1.842-2.041a2.427 2.427 0 0 0-.566-.028.732.732 0 0 1-.788-.694Z"
                        clip-rule="evenodd"></path>
                </svg>
                <div class="css-i01rlp">该图片有可能会引起不适</div>
                <div class="css-efsslj">继续查看</div>
            </div>
        </div>
    </figure>
    <style>
        .css-19ad9zw {
            position: relative;
            width: 100%;
            height: 194px;
            overflow: hidden;
            background: url(./img/v2.jpeg) 0% 0% / cover no-repeat rgba(191, 191, 191, 0.7);
        }

        .css-1eypcer {
            position: absolute;
            display: none;
        }

        .css-twzs76 {
            box-sizing: border-box;
            margin: 0px;
            min-width: 0px;
            flex-direction: column;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            font-size: 13px;
            color: rgb(255, 255, 255);
            height: 100%;
            display: flex;
        }

        .css-i01rlp {
            box-sizing: border-box;
            min-width: 0px;
            margin: 0.6em 0px 1.2em;
        }

        .css-efsslj {
            box-sizing: border-box;
            margin: 0px;
            min-width: 0px;
            padding: 4px 1em;
            font-size: 1.1em;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 9999px;
        }
    </style>

</body>

</html>